<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Book Search without AJAX</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        #searchForm {
            margin-bottom: 20px;
        }

        #searchInput {
            padding: 8px;
            width: 300px;
        }

        #searchButton {
            padding: 8px 16px;
        }

        #resultContainer {
            border: 1px solid #ccc;
            padding: 10px;
            min-height: 200px;
        }
    </style>
</head>

<body>
<h1>Book Search</h1>
<form id="searchForm" action="OldBookSearchServlet" method="post"> <!-- 指定表单提交的Servlet路径和提交方法为POST -->
    <label for="searchInput"></label><input type="text" id = "searchInput" name="searchInput" placeholder="Enter book keyword">
    <input type="submit" id="searchButton" value="Search"> <!-- 将按钮改为submit类型，用于提交表单 -->
</form>
<div id="resultContainer"></div>
</body>

</html>